<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2887659_uazsg0gzfbs.css">
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./lib/city-data/city-picker.css">
    <link rel="stylesheet" href="./lib/city-data/main.css">
    <link rel="stylesheet" href="./css/buycar.css">
    <script src="./js/jQuery/jquery-3.6.0.js"></script>
    <script src="./lib/layui/layui.js"></script>
    <script src="./js/cookie.js"></script>
    <script src="./js/ajax.js"></script>
    <script src="./lib/city-data/city-picker-data.js"></script>
    <script src="./lib/city-data/city-picker.js"></script>
    <script src="./lib/city-data/main.js"></script>

</head>

<body>
    <!-- nav -->

    <div id="text" class="text search-fix">
        <div class="text-pc">
            <a></a>
            <div class="form">
                <input type="text" name="" class="inptext">
                <span class="pohot-xiangj">
                    <span class="iconfont icon-xiangji"></span>
                </span>
                <button><i class="iconfont icon-sousuo"></i></button>
            </div>
        </div>
    </div>
    <!-- buycar -->
    <!-- 
    *
    *
    * -->
    <div class="wrap">
        <div class="content">
            <ol class="breadcrumb">
                <li><a href="./item.html">首页</a></li>
                <li><a href="list.html">列表页</a></li>
                <li><a href="./shopindex.html">详情页</a></li>
                <li class="active">购物车页</li>
            </ol>
        </div>
    </div>
    <!-- 购物车列表 -->
    <div class="wrap cart">
        <div class="content buycar-content">
            <form class="form-inline" style="float: right;margin-right: 100px;display: flex;">
                <span style="display: block;height:34px; line-height: 34px;border: 1px solid #ccc;color: #aaa;padding: 0 10px; border-bottom-color: #46A4FF;">配送地址:</span>
                <div style="position: relative;">
                  <input class="form-control" readonly type="text" data-toggle="city-picker">
                </div>
              </form>
            <table class="table">
                <thead>
                    <tr>
                        <th></th>
                        <th>商品图片</th>
                        <th>商品名称</th>
                        <th>商品价格</th>
                        <th>商品数量</th>
                        <th>小计</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- <tr>
                        <td><input type="checkbox" class="chk" name="selectOne"></td>
                        <td><img src="${v.imgpath.split('==========')[0]}" width="50" height="50"></td>
                        <td>${v.name}</td>
                        <td>￥<span class="price">${v.price}</span></td>
                        <td class="number" data-stock="${v.stock}" data-id="${v.id}">
                            <div class="shop-num">
                                <input type="text" class="numinput" value="${nums}">
                                <a>+</a>
                                <i>-</i>
                            </div>
                        </td>
                        <td class="subtotal">￥<span>${v.price*nums}</span></td>
                        <td>
                            <a class="btn btn-default  delbtn">删除</a>
                        </td>
                    </tr> -->
                </tbody>
                <tfoot>
                    <tr>
                        <th><input id="chks" type="checkbox" name="selectAll"></th>
                        <td><a class="btn btn-primary delsum">删除选中</a></td>
                        <td colspan="1">商品总数：<span class="totalNum">0</span></td>
                        <td colspan="1">商品总价：<span class="totalPrice">0</span></td>
                        <td><a class="btn btn-default" href="./list.html">回列表页</a></td>
                        <td><a class="btn btn-primary jsbtn">结算</a></td>
                    </tr>
                    <!-- <div style="padding-left:10px;" class="jumbotron">
                        <h1>你没有什么要买嘛？</h1>
                        <p>赶快去列表页挑选商品吧</p>
                        <p><a class="btn btn-default btn-lg" href="list.html" role="button">去列表页</a></p>
                    </div> -->
                </tfoot>
            </table>
        </div>
    </div>
    <!-- foot-->
    <div class="footer container">
        <div class="footer-service">
            <li>
                <div class="f-ser">
                    <h5></h5>
                    <p>品类齐全，轻松购物</p>
                </div>
            </li>
            <li>
                <div class="f-ser">
                    <h5></h5>
                    <p>多仓直发，极速配送</p>
                </div>
            </li>
            <li>
                <div class="f-ser">
                    <h5></h5>
                    <p>正品行货，精致服务</p>
                </div>
            </li>
            <li>
                <div class="f-ser">
                    <h5></h5>
                    <p>天天低价，畅选无忧</p>
                </div>
            </li>
        </div>
        <div class="footer-help">
            <div class="footer-help-nav">
                <h5>购物指南</h5>
                <ul>
                    <li>购物流程</li>
                    <li>会员介绍</li>
                    <li>生活旅行</li>
                    <li>常见问题</li>
                    <li>大家电</li>
                    <li>联系客服</li>
                </ul>
            </div>
            <div class="footer-help-nav">
                <h5>配送方式</h5>
                <ul>
                    <li>上门自提</li>
                    <li>211限时达</li>
                    <li>配送服务查询</li>
                    <li>配送费收费标准</li>
                    <li>海外配送</li>
                </ul>
            </div>
            <div class="footer-help-nav">
                <h5>支付方式</h5>
                <ul>
                    <li>到货付款</li>
                    <li>在线支付</li>
                    <li>分期付款</li>
                    <li>公司转账</li>
                </ul>
            </div>
            <div class="footer-help-nav">
                <h5>售后服务</h5>
                <ul>
                    <li>售后政策</li>
                    <li>价格保护</li>
                    <li>退款说明</li>
                    <li>返修/退换货</li>
                    <li>取消订单</li>
                </ul>
            </div>
            <div class="footer-help-nav">
                <h5>特色服务</h5>
                <ul>
                    <li>夺宝岛</li>
                    <li>DIY装机</li>
                    <li>延保服务</li>
                    <li>京东E卡</li>
                    <li>京东通信</li>
                    <li>金鱼座智能</li>
                </ul>
            </div>
            <div class="footer-help-nav">
                <h5>京东自营覆盖区县</h5>
                <ul>
                    <li>京东已向全国2661个区县提供自营配送服务，支持货到付款.POS机刷卡和售后上门服务。</li>
                    <li>查看详情></li>
                </ul>
            </div>
        </div>
        <div class="footer-call">
            <p>
                <a>关于我们</a><span class="footer-ge">|</span>
                <a>联系我们</a><span class="footer-ge">|</span>
                <a>联系客服</a><span class="footer-ge">|</span>
                <a>合作招商</a><span class="footer-ge">|</span>
                <a>商家帮助</a><span class="footer-ge">|</span>
                <a>营销中心</a><span class="footer-ge">|</span>
                <a>手机京东</a><span class="footer-ge">|</span>
                <a>友情链接</a><span class="footer-ge">|</span>
                <a>销售联盟</a><span class="footer-ge">|</span>
                <a>京东社区</a><span class="footer-ge">|</span>
                <a>风险监测</a><span class="footer-ge">|</span>
                <a>隐私政策</a><span class="footer-ge">|</span>
                <a>京东公益</a><span class="footer-ge">|</span>
                <a>English Site</a><span class="footer-ge">|</span>
                <a>Media & IR</a>
            </p>
            <div class="footer-ce">
                <p>
                    <a>京公网安备11000002000088号</a><span class="footer-ge">|</span>
                    <a>京ICP备11041704号</a><span class="footer-ge">|</span>
                    <a>互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span class="footer-ge">|</span>
                    <a>新出发京零字第大120007号</a>
                </p>
                <p>
                    <a>互联网出版许可证编号新出网证(京)字150号</a><span class="footer-ge">|</span>
                    <a>出版物经营许可证</a><span class="footer-ge">|</span>
                    <a>网络文化经营许可证京网文[2020]6112-1201号</a><span class="footer-ge">|</span>
                    <a>违法和不良信息举报电话:4006561155</a>
                </p>
                <p>
                    <a>Copyright c 2004 - 2021京东JD.com版权所有</a><span class="footer-ge">|</span>
                    <a>消费者维权热线:4006067733</a><span class="footer-ge">|</span>
                    <a>经营证照</a><span class="footer-ge">|</span>
                    <a>(京)网械平台备字(2018)第00003号</a><span class="footer-ge">|</span>
                    <a>营业执照</a>
                </p>
                <p>
                    <a>Global Site</a><span class="footer-ge">|</span>
                    <a>Canr PocCvw</a><span class="footer-ge">|</span>
                    <a>Sitio de Espaia</a><span class="footer-ge">|</span>
                    <a>lio5sLglna</a>
                </p>
                <p>
                    <a>京东旗下网站:京东钱包</a><span class="footer-ge">|</span>
                    <a>京东云</a><span class="footer-ge">|</span>
                    <a>网络内容从业人员违法违规行为举报电话:4006561155-3</a>
                </p>
            </div>
            <p>
                <a class="footer-b"></a>
                <a class="footer-b"></a>
                <a class="footer-b"></a>
                <a class="footer-b"></a>
                <a class="footer-b"></a>
            </p>
        </div>
    </div>
</body>

</html>

<script src="./js/buycar.js"></script>